<template>
  <div class="bg">
    <div class="intro">
      <span class="gongsi">南京一诺生物科技有限公司</span>
      <div class="heng"></div>
      <span class="slogen">实现癌症的广泛筛查、精准预判</span>
      <!-- <div class="list">
        <div class="ll">
          <span class="tt">成立时间：</span><span>2022年3月30日</span>
        </div>
        <div class="ll">
          <span class="tt">主要业务：</span><span>肿瘤早筛、精准筛查</span>
        </div>
        <div class="ll">
          <span class="tt">团队情况：</span><span>多学科背景博、硕士</span>
        </div>
        <div class="ll">
          <span class="tt">资源优势：</span><span>国内一流科研水平</span>
        </div>
      </div> -->
      <div class="btn">了解更多{{ "  ->" }}</div>
    </div>
    <div class="shu"></div>
    <img src="../assets/pics/gs.png" alt="" class="pic" />
  </div>
</template>

<script lang="ts">
export default {};
</script>

<style lang="scss" scoped>
.bg {
  box-shadow: 0 0 30px 20px rgba(0,0,0,0.03);
  border-radius: 15px;
  background-color: #fff;
  width: 100%;
  height: 500px;
  color: rgb(53, 53, 53);
}
.intro {
    position: absolute;
    top: 80px;
  width: 60%;
  left: 5%;
  .gongsi {
    font-size: 40px;
  }
  .heng {
    background-color: rgb(109, 152, 201);
    width: 20%;
    height: 2px;
    margin: 20px 0;
  }
  .slogen {
    font-size: 25px;
  }
}
.shu {
  width: 2px;
  height: 300px;
  background-color: rgb(109, 152, 201);
  left: 55%;
  position: absolute;
  top: 100px;
}
.pic {
  height: 400px;
  position: absolute;
  left: 60%;
  top: 50px;
  border-radius: 5px;
  box-shadow: 0 0 20px 10px rgba(0,0,0,0.1);
}
.btn {
  top: 240px;
  position: absolute;
  width: 200px;
  height: 60px;
  border: 1px solid rgb(109, 152, 201);
  color: rgb(109, 152, 201);
  border-radius: 5px;
  text-align: center;
  line-height: 60px;
  transition: 0.5s ease;
  font-size: 15px;
}
.btn:hover {
  background-color: rgb(109, 152, 201);
  color: #fff;
  cursor: pointer;
}
.list {
  margin-top: 40px;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  .ll {
    font-size: 18px;
    margin: 15px 0;
    .tt {
      color: rgb(109, 152, 201);
    }
  }
}
</style>